<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
 <script src="js/librerias/jqueryUI/js/jquery-ui-1.10.4.custom.js" type="text/javascript"></script>
<script src="js/panelAlquilado.js" type="text/javascript"></script>
		
	

<div id="pagina">
	<table width="100%" border="1" cellspacing="5">
	  <tbody>
	    <tr>
	      <td class="tituloCabecera"><span id="p_periodoPanel">20141201</span>&nbsp;<span id="p_tipoPanel">Panel Alquilado</span></td>
	    </tr>
	    <tr>
	      <td><table width="100%" border="0" cellspacing="5">
              <tbody>
                  <tr>
                      <td><label>C&oacute;digo</label></td>
                      <td><input type="text" name="p_codigoPanel" id="p_codigoPanel"></td>
                      <td><a href="" >Buscar</a></td>
                      <td>&nbsp;</td>
                      <td>&nbsp;</td>
                      <td><label>Proveedor</label></td>
                      <td><input type="text" name="p_codigoPanel" id="p_codigoProveedor"></td>
                      <td><a href="" >Buscar Proveedor</a></td>
	             </tr>
                 <tr>
                 	<td colspan="8">
                    <div id="accordion">
                    	<h3>Mapa</h3>
						  <div>
						    <p>
						   <div id="map_canvas"   style="width:500px;height:300px; align:center"></div>
						    </p>
						  </div>
						  <h3>Términos de Servicio</h3>
						  <div>
						    <p>
							 <table style="border: 0px">
								<tr>
									<td><label>Grupo de Propietarios</label></td>
									<td><input type="text" name="p_nombreGrupo" id="p_nombreGrupo" readonly="readonly"><input type="hidden" name="p_codigoGrupo" id="p_codigoGrupo" ></td>
									<td colspan="4"><a href="" id="obtenerGrupoPropietario" ><span>Obtener Grupo</span></a></td>
								</tr>
								<tr>
									<td ><span>Fecha de Inicio</span></td>
									<td><input type="text" name="p_fechaInicio" id="p_fechaInicio"></td>
									<td colspan="4">&nbsp;</td>
								</tr>
								<tr>
									<td ><span>Fecha de Fin</span></td>
									<td ><input type="text" name="p_fechaFin" id="p_fechaFin"></td>
									<td ><span>Meses</span></td>
									<td ><input type="text" name="p_meses" id="p_meses" readonly="readonly"></td>
									<td ><span>Dias</span></td>
									<td ><input type="text" name="p_dias" id="p_dias" readonly="readonly"></td>
								</tr>
								<tr>
									<td ><span>Costo</span></td>
									<td ><input type="text" name="p_costo" id="p_costo"></td>
									<td ><span>Importe Total</span></td>
									<td ><input type="text" name="p_importe" id="p_importe"></td>
									<td colspan="2"><a href="" id="generar"><span>Generar</span></a></td>
								</tr>
								<tr>
									<td></td>
								</tr>
									
							
							
							</table>
						    </p>
						  </div>
						  <h3>Fotos</h3>
						  <div>
						    <table style="width: 100%">
						    	<tr>
						    		<td><img alt="" src="imagenes/ubicacion1.jpg" width="150px" height="150px"></td>
						    		<td><img alt="" src="imagenes/ubicacion2.jpg" width="150px" height="150px"></td>
						    		<td><img alt="" src="imagenes/ubicacion3.jpg" width="150px" height="150px"></td>
						    	</tr>
						   		 <tr>
						    		<td><img alt="" src="imagenes/ubicacion4.jpg" width="150px" height="150px"></td>
						    		<td><img alt="" src="imagenes/ubicacion5.jpg" width="150px" height="150px"></td>
						    		<td><img alt="" src="imagenes/ubicacion6.jpg" width="150px" height="150px"></td>
						    	</tr>
						    </table>	
						  </div>
                   </div>
                    </td>
                 </tr>
              </tbody>
            </table></td>
	    </tr>
	  </tbody>
	</table>
</div>
<div id="dialog-form" title="Obtener Grupo Propietario">
	  <h1>Criterios de Búsqueda</h1>
	  <table border="0">
	  	<tr>
	  		<td><label>Nombre de Grupo</label></td>
	  		<td><input type="text" name="p_nombreGrupo" id="p_nombreGrupo"></td>
	  		
	  		<td><a href="" id="buscarGrupoPropietario" >Buscar</a></td>
	  	</tr>
	  </table>
	  <table id="tabla_listadoGrupoPropietario"  style="width: 100%; border: 0" >
	    <thead>
	      <tr>
	        <th>Seleccione</th>
	        <th>Grupo</th>
	        <th>Fecha Creaci&oacute;n</th>
	      </tr>
	    </thead>
	    <tbody id="tabla_listadoGrupoPropietario_body"></tbody>
	  </table>
	</div>
